<!--
  * @Author: ws
  * @Date: 2023-12-29 09:46:14
  * @email: 458658538@qq.com
  * @LastEditors: ws
  * @LastEditTime: 2024-01-09 20:03:44
  * @Description: 
-->
<template>
  <el-popover
    :placement="placement"
    :title="title"
    :width="width"
    :trigger="trigger"
    :content="content"
    :disabled="disabled"
    popper-class="wrap"
  >
    <div id="popper-text" slot="reference" class="popper-text" :style="style" :class="className" style="width: 100%">
      {{ popperText }}
    </div>
  </el-popover>
</template>

<script>
export default {
  name: "TextPopover",
  data() {
    return {
      content: "",
      popperText: "",
      title: "",
      width: 0,
      placement: "bottom-start",
      trigger: "hover",
      style: {},
      disabled: false,
      className: "",
    };
  },
};
</script>

<style lang="scss">
.wrap {
  color: #fff;
  background-color: rgb(0 0 0 / 0.9);
  border: 1px solid rgb(0 0 0 / 0.9) !important;

  .popper__arrow {
    display: none;
  }
}
</style>
